<template>
  <el-menu
    :default-active="$route.path"
    class="shangjia-menu"
    background-color="#304156"
    text-color="#bfcbd9"
    active-text-color="#409EFF">
    
    <el-menu-item index="/shangjia/center">
      <i class="el-icon-user"></i>
      <span>商户中心</span>
    </el-menu-item>

    <el-submenu index="products">
      <template slot="title">
        <i class="el-icon-goods"></i>
        <span>产品管理</span>
      </template>
      <el-menu-item index="/shangjia/bijiben-manage">笔记本管理</el-menu-item>
      <el-menu-item index="/shangjia/diannaozhuji-manage">电脑主机管理</el-menu-item>
      <el-menu-item index="/shangjia/yingjian-manage">硬件组装管理</el-menu-item>
      <el-menu-item index="/shangjia/waishe-manage">外设管理</el-menu-item>
    </el-submenu>
  </el-menu>
</template>

<script>
export default {
  name: 'ShangjiaMenu'
}
</script>

<style scoped>
.shangjia-menu {
  height: 100%;
  border-right: none;
}
</style>